$(function () {

    // 给 form标签 添加 submit 事件
    $('form').submit(() => {
        // 应该是 获取数据 验证 账号 密码 格式 

        // 验证通过 触发执行 async封装的函数程序
        login();

        // 阻止默认事件 
        return false;
    })

})

// async 封装的登录 请求 
async function login() {
    // 通过 await 调用 promise封装的函数
    let res = await myPromiseAjax({
        url: '../server/goods_login.php',
        type: 'post',
        data: {
            userName: $('[type="text"]').val(),
            userPwd: $('[type="password"]').val(),
        },
    });

    // 结果是 json 字符串 转化为 对应的数据结构
    res = JSON.parse(res);

    console.log(res);

    // 根据 res 数据 动态渲染生成页面
    if (res.code === 0) {
        // 如果登录失败写入提示信息
        $('h2').html('<span style="color:red">您登录失败 请检查账号密码</span>');

    } else if (res.code === 1) {
        // 登录成功 

        // 设定 cookie 登录信息 
        mySetCookie({
            key: 'login',
            val: 1,
            path: '/',
            time: 7 * 24 * 60 * 60,
        })

        // 登录成功 哪儿来的回哪儿去

        // 定义变量 存储 倒计时 
        let num = 5;

        // 设定跳转页面
        $('h2').html(`<span style="color:blue">恭喜您登录成功 ${num}秒 后 返回来的时候的页面 点击跳转<a href="./index.html">首页面</a></span>`);

        // 设定定时器
        let time = setInterval(() => {
            num--;
            $('h2').html(`<span style="color:blue">恭喜您登录成功 ${num}秒 后 返回来的时候的页面 点击跳转<a href="./index.html">首页面</a></span>`);
            if (num === 1) {
                clearInterval(time);

                // 返回上一个页面

                // 返回的是历史记录页面 一些操作效果就没有了
                // window.history.back();

                // 获取浏览器地址的数据参数
                let url = window.location.search.substring(5);
                console.log(url);

                if (url === '123') {
                    // 从 注册页 过来的 设定指定的返回页面
                    window.location.href = './index.html';

                } else {
                    // 按照获取的地址跳转页面
                    // 哪儿来的回哪儿去
                    window.location.href = url;
                }

            }

        }, 1000)
    }
}



/*
       登录功能 
         1,  当期页面 有 form标签 
           form标签 默认执行 页面跳转功能 
           需要 先 阻止默认事件执行
     
     
         2,  向 goods_login.php 返送请求 
           向 server/goods_login.php 发送请求 
           以 post 方式 发送请求 
           携带 两个参数 
             userName  账号
             userPwd   密码

        3,  哪儿来的 回哪儿去

            window.history.back()
            window.history.go(-1)
                返回上一个页面

            实际项目中 有些 跳转 看似是一次跳转 
            本质上执行的是多次跳转 
            需要 使用 window.history.go(-数值) 完成 
     
*/